<%--
  Created by IntelliJ IDEA.
  User: YANG
  Date: 2019/10/30
  Time: 9:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>user</title>
    <link href="../Css/layout.css" rel="stylesheet">
    <link href="../Css/header.css" rel="stylesheet">
    <link href="../Css/minestyle.css" rel="stylesheet">
    <script src="Js/jquery-3.4.1.min.js"></script>
</head>
<body>
<script>
    $(function () {
        try{
            //这里的意图是获取session里面的用户名。判断用户是否登录，如果没有登录跳转到登录界面，如果登录了才显示
            var UserName="<%=session.getAttribute("UserName").toString()%>"
            if(UserName!=""){
            $("#aindex").replaceWith("<img src='Image/user.png' " +
                "style='display:inline-block;width:32px;height:20px;margin:5px 10px 5px 10px'/>");
            //替换昵称
            $("#aregis").replaceWith("<a class='aregis'><%=session.getAttribute("UserName").toString()%></a>")
            }else{
                window.location.href="index.jsp";
            }
        }catch (e) {

        }


    })
</script>
<div class="header">
    <div class="in">
        <p class="call">商务合作联系&nbsp;110</p>
        <div class="login">
            <a  id="aindex" href="index.jsp" class="aindex">登录</a>
            <a id="aregis" href="register.jsp" class="aregis">注册</a>
        </div>
        <p class="welcome">医伯乐招聘网站欢迎您&nbsp;</p>
    </div>
</div>

<div id="topbar" class="topbar">
    <div class="in">
        <a href="" class="logo">
            <img src="/Image/bole.png"></img>
        </a>
        <div class="nav">
            <a href="main.jsp">首页</a>
            <a href="news.jsp">资讯</a>
            <a href="<%=session.getAttribute("UserKind")%>">我的</a>
        </div>
    </div>
</div>



<script>
    var msg="${requestScope.tipMessage}";
    if(msg==null){

    }else if(msg==1){
        alert("保存成功！");
    }
    //点击我的简历加载简历界面
    $(function () {
        $(".myresume").click(function () {
            $("#message").load("userresume.jsp");  //content_left为div的id名
        })
    })

    //点击我的收藏界面，根据UserID和JobID加载收藏表

    $(function () {
        $(".mystore").click(function () {
            $("#message").load("collection.jsp");  //content_left为div的id名
        })
    })
    $(function () {
        $(".mymessage").click(function () {
            $("#message").load("message.jsp");  //content_left为div的id名
        })
    })

    $(function () {
        $(".myapply").click(function () {
            $("#message").load("apply.jsp");  //content_left为div的id名
        })
    })

    $(function () {
        $(".mysafe").click(function () {
            $("#message").load("changepassword.jsp");  //content_left为div的id名
        })
    })

</script>
<!--下面是我的界面的主要的静态界面的代码-->
<div class="usercontent">
    <!--这里是导航栏-->
    <div class="wrap">
        <!--这里将所有的内容包裹在中间-->
        <div class="tab">
             <div class="button">
                 <img src="Image/user.png" >
                <input type="button" class="myresume" value="我的简历">
             </div>

            <div class="button">
                <img src="Image/user.png" >
                <input type="button" class="mymessage" value="我的消息">
            </div>

            <div class="button">
                <img src="Image/user.png" >
                <input type="button" class="myapply" value="我的申请">
            </div>
            <div class="button">
                <img src="Image/user.png" >
                <input type="button" class="mystore" value="我的收藏">
            </div>
            <div class="button">
                <img src="Image/user.png" >
                <input type="button" class="mysafe" value="安全中心">
            </div>
        </div>
        <!--每个导航栏的界面，需要通过js控制-->
        <div id="message" class="message">

        </div>
    </div>
</div>

</body>
</html>